<style>
/* 我的小店 */
.myshop-header {border-radius:0.5rem;background:#fff;padding:0.5rem 0.8rem}
.myshop-header .shoplogo {height: 3.5rem; width: 3.5rem; background: #fff; position: absolute; top: 3.5rem; right: 0.8rem; border: 1px solid #eee;border-radius: .2rem}
.myshop-header .shoplogo img {height: 100%; width: 100%; display: block;border-radius: .2rem}
.myshop-header .menus {height: auto; background: #fff;}
.myshop-header .menus .nav {height: auto; width: 1%; padding: 0.5rem 0; margin: 0; font-size: 0.7rem; color: #636363; text-align: center; display: table-cell;position: relative;}
.myshop-header .menus .nav:after  {font-size: 0.7rem;position: absolute;content: '';left:0;top:0.5rem;bottom:0.5rem;border-left:1px solid #d9d9d9;}
 
    .btn.btn-default-o{
        border-radius: 0.6rem;
        line-height: 0.3rem;
        height: 0.8rem;
        padding: 0 0.3rem;
        font-size: .5rem;
    }
    .towline{
        color: #000;
        font-size: 0.7rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    .fui-list-inner .text{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
        font-size: .7rem;
        color: #000;
    }
    .goods-selected .fui-list-inner{
        height: 4rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
.fe-floatright-bottom a {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    background-color: #ff9999;
    color: #fff;
    line-height: 0.7rem;
	font-size:0.45rem;
    margin: 0.5rem auto;
    margin-right: 0;
}
.fe-floatright-bottom a .icon {
    color: #fff;
    font-size: 0.6rem;
    height: 0.6rem;
	line-height: 1rem;
    opacity: 1;
}
.fui-searchbar:after {
	height: 0;
}
</style>
<div class='fui-page fui-page-current page-commission-myshop'>
    <div class='fui-content'>
	<div class="fe-floatback" style="left: 4px;top: 0.3rem;">
			<a href="javascript:void(0);" ng-click="goback()">
				<i class="icon icon-back bold" style="font-size:1rem;"></i>
			</a>
		</div>
		<div class="fe-floatback bold" style="top: 1rem;position: absolute;width: 8rem;padding:0.3rem 0.2rem;left:50%;margin-left:-4rem;height:2.3rem;border-radius:1.6rem;background-color: #fde24d;color: #000;line-height: 0.8rem;opacity: 0.6;">
			<div class="overflow-h" style="width:7.6rem;line-height:0.6rem;font-size:0.5rem;"><i class="icon icon-position" style="font-size:0.4rem"></i> {{pagedata.myshop.address || '未定义店铺地址'}}</div>
			<div style="line-height:0.6rem;font-size:0.5rem">{{pagedata.myshop.merchname || '未定义店铺名称'}}</div>
			<div class="bold red" style="line-height:0.6rem;font-size:0.6rem">{{pagedata.tablename || '线上下单'}}</div>
		</div>
		<div style="width:100%;height:5rem;background:url({{tomedia(pagedata.myshop.topimg) || '../addons/jy_weishop/resource/images/myshoptop.jpg'}});no-repeat 50%;background-size: cover;background-position:top center;">
		</div>
		<div class="myshop-header" style="margin-top:-1rem;padding-top:0.2rem">
					<div class="title bold" style="width:100%;font-size:1.3rem">{{pagedata.myshop.merchname || '平台自营'}}</div>
					<div class="subtitle">
								<div class="store-moneylimit">
									<i class="icon icon-shoucang-tianchong yellow" style="font-size:0.6rem"> {{pagedata.myshop.star || '5.0'}}</i>
									<span style="margin-left:0.2rem"> 销量 {{pagedata.myshop.salenum || 0}}</span>
									<span ng-if="pagedata.myshop.out_juli>=pagedata.myshop.juli" class="store-distance">{{pagedata.myshop.juli || 0}}km | 约{{pagedata.myshop.peisongtime || 50}}分钟</span>
									<span ng-if="pagedata.myshop.out_juli<pagedata.myshop.juli" class="store-distance"><span class="yellow">超出</span>配送范围({{pagedata.myshop.out_juli}}km)</span></span>
								</div>
					</div>
					<div class="subtitle" style="font-size:0.55rem">
								<div class="jylabel jylabel-red" style="">{{pagedata.myshop.tags}}</div>
					</div>
					<div style="padding:0.3rem 0" ng-click="access_json('jy_weishop/coupon.index//merchid='+pagedata.myshop.id)">
						<div style="overflow-x:scroll;white-space:nowrap">
							<div ng-repeat="c in pagedata.myshop.coupons" class="jylabel jylabel-red" style="background-color:#fff;color:red;border: 1px solid red;margin:0.2rem">{{c.title}}</div>
						</div>
					</div>
					<div class="subtitle" style="font-size:0.55rem">
							简介：{{pagedata.myshop.desc || '暂无店铺描述'}}
					</div>
					<div class="shoplogo">
							<img ng-src="{{tomedia(pagedata.myshop.logo) || '../core/resource/images/nopic.jpg'}}"  />
					</div>
					<div class="menus">
					<div ng-click="post({merchid:pagedata.myshop.id},'jy_merch/myshop/like/')" class="nav btn-favorite">
						<span>{{pagedata.myshop.islike?'已收藏':'收藏本店'}}</span>
						<span><i ng-class="{'icon icon-xiai':pagedata.myshop.islike,'icon icon-pinpai':!pagedata.myshop.islike}"></i></span>
					</div>
					<div ng-if="pagedata.myshop.iskefu!=1" ng-click="pagedata.tel()" class="nav btn-favorite">
						<span>联系客服</span>
						<span><i  class="icon icon-phone"></i></span>
					</div>
					<div ng-if="pagedata.myshop.iskefu==1" ng-click="access_json('jy_kefu/home//p=jy_merch&pid='+pagedata.myshop.id)" class="nav btn-favorite">
						<span>联系客服</span>
						<span><i class="icon icon-kefu"></i></span>
					</div>
					<div class="nav btn-qrcode"  ng-click="access_json('jy_merch/qrcode//id='+pagedata.myshop.id)">
						<span>二维码</span>
						<span><i class="icon icon-qrcode"></i></span>
					</div>
					</div>
					
			<div ng-if="pagedata.myshop.remark" class="line-notice" style="font-size:0.7rem">
						<div class="line-notice-label"><i class="icon icon-seeraudio"></i></div>
						<div class="line-notice-animation" style="display: flex;">
							<div class="line-animation">{{pagedata.myshop.remark}}</div>
						</div>
			</div>
					
	</div>
	<div class="fui-searchbar">
	    <div class="searchbar center">
		<div class="search-input">
			<i id="searchsub" class="fa fa-search" ng-click="tool.get_list('jy_merch/myshop/list/',true)"></i>
		    <input type="search" ng-model="pagedata.params.keyword" class="search" placeholder="输入关键字...">
		</div>
	    </div>
	</div>
	 <div class="fixed-title">
							 <span class="befirst spacing">
								 <span class="icon icon-icon-xiexiantiao" style="color:#efadb0"></span>
								 <span class="icon icon-icon-xiexiantiao" style="color:#e26d71"></span>
								 <span class="icon icon-icon-xiexiantiao" style="color:#d62f35"></span>
							 </span> 
							 <span class="title-text">小店商品</span> 
							 <span class="spacing">
								 <span class="icon icon-icon-xiexiantiao" style="color:#d62f35"></span>
								 <span class="icon icon-icon-xiexiantiao" style="color:#e26d71"></span>
								 <span class="icon icon-icon-xiexiantiao" style="color:#efadb0"></span>
							 </span>
	</div>
	<div class="fui-goods-group block" id='container'>
	<div ng-repeat="g in pagedata.list" id="goodslist" class="fui-goods-item">
					<div ng-click="access_json('jy_weishop/goods.detail//frommyshop='+pagedata.myshop.id+'&id='+g.id)">
						<div class="image" style="background-image:url('{{tomedia(g.image) || '../core/resource/images/nopic.jpg'}}')">
							<div ng-if="g.total<=0" class="salez" style="background-image: url('{{tomedia(pagedata.shopset.saleout) || '../addons/jy_weishop/resource/images/salez.png'}}'); "></div>
						</div>
					</div>
					<div class="detail" href="javascript:" ng-click="pagedata.gotopicker(g);">
						<div class="name">{{g.title}}</div>
						<div class="price">
							<span class="text">￥{{g.price}}</span>
							<span class="syscolorred"><i class="icon icon-tianmaochaoshigouwuche"></i></span>
						</div>
					</div>
	</div>
	</div>
	<div ng-if="loading" class='infinite-loading' style="text-align: center; color: #666;">
		<span class='fui-preloader'></span>
		<span class='text'> 正在加载...</span>
	</div>
	
	<div ng-include="sys_html('_copyright')"></div>
    </div>
	<div id='cover' ng-if="showcover ==1">
			<div class='fui-mask-m visible'></div>
			<div class='arrow'></div>
			<div class='content'>请点击右上角<br/>通过【收藏】<br/>方便下次浏览</div>
	</div>
	<div ng-if="pagedata.list.length<1" style="text-align: center; color: #666;">
		<span class="text"> 暂无商品</span>
	</div>
</div>
<div ng-include="sys_html('common/pluginnav',true)"></div>
<div ng-include="sys_html('goods/_subpicker','','','jy_weishop')"></div>
<script>
scope.tool.get_list('jy_merch/myshop/list/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_merch/myshop/list/');
}
</script>